@charset "utf-8";
/*屏幕内容显示隐藏 结束*/
.col-5{width:20%;padding: 0 10px;}

#header{}
#top{line-height:40px;color:#333;border-bottom:1px solid #CCCCCC;font-size:15px}
.topL{}
.topR{}
.topR li{float:left;border-left:1px solid #CCCCCC;padding:0 20px;font-size: 14px;position: relative;}
.topR span{font-size:20px;vertical-align:middle;color:#084699}
.topR li:last-child{border-right:1px solid #CCCCCC}
.topR a{}
.topR div{
    position: absolute;
    left: 0;
    border: 1px solid #CCCCCC;
    background: #fff;
    width: 100%;
    z-index: 3;
    display: none;
}
.topR div img{
    display: block;
    max-width: 90%;
    margin: 0 auto;
}
.head-bottom{padding: 10px 0;}
.logo{float:left}
.logo img{display:block;/* height: 80px; */}
.head-bottom dl{background: url(../images/tel-h.png) no-repeat 0px 14px;padding-left: 61px;line-height:1.5;float:right;position: relative;margin-top: 20px;}
.head-bottom dt{font-size:20px}
.head-bottom dd{color: #FF8901;font-size: 28px;line-height: 1;font-weight: bold;}
#nav{background:#1757a6;border-bottom: 2px solid #02162F;}
.nav a{color:#fff}
.nav>li{float:left;width: 12.5%;line-height:50px;text-align:center;position:relative;}
.nav>li.on,.nav>li:hover{background: #FF8A00;}
.nav>li>a{color:#fff;display:block;line-height: 1.2;padding: 12px 0;text-transform: capitalize;}
.cate-one,.cate-two{background:rgba(0,0,0,0.5);z-index:1500;position:absolute;display:none;width:160px}
.cate-one{top: 62px;left: 0;}
.nav>li:hover .cate-one{display:block}
.cate-one>li{position:relative}
.cate-one li:hover{background:#1757a6}
.cate-one a{font-size:14px;display:block}
.cate-two{left:160px;top:0}
.cate-one li:hover .cate-two{display:block}


#banner img{display:block;}
#banner img{display:block}
#banner .swiper-button-prev,#banner .swiper-button-next{position:absolute;top:50%;width: 50px;height: 50px;margin-top:-22px;z-index:10;cursor:pointer;background-color: rgba(255,255,255,0.5);-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size: 27px 31px;background-position:center;background-repeat:no-repeat;border-radius: 50%;}
#banner:hover .swiper-button-prev,#banner:hover .swiper-button-next{background-color:#fff}
#banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%2317AFE0'%2F%3E%3C%2Fsvg%3E");left:30px}
#banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%2317AFE0'%2F%3E%3C%2Fsvg%3E");right:30px}
#banner .swiper-pagination{}
#banner .swiper-pagination .swiper-pagination-bullet{width:9px;height:10px;opacity:1;background:#1757a6;border-radius:10px;transition:0.5s all}
#banner .swiper-pagination .swiper-pagination-bullet-active{background: #FF8A00;width: 30px;}

@media (max-width: 768px){
	#header{position:fixed;width:100%;top:0;z-index: 9;background: #fff;}
	.logo{margin:0}
	.logo img{height: 40px;margin: 0;}
	.head-bottom{padding: 5px 5px;}
	#nav{width:0;background:rgba(0,0,0,0.5);position:fixed;top:0;right:0;z-index:5;height:100%}
	.nav{width:60%;float:right;background:#fff;height:100%;padding:0;overflow-y: scroll;}
	.nav>li{float:none;width:100%;text-align:left;border-bottom:1px solid #e9e9e9;padding:0 0 0 20px;line-height:40px;box-sizing:border-box}
	.nav>li.nav-back{padding-left:40px;background:url(../images/fl.png) no-repeat 20px center;background-size:10px}
	.nav>li.on,.nav>li:hover{background:none}
	.nav>li>a{color:#333;font-size:14px}
	.nav span{display:block;background:url(../images/fl.png) no-repeat center;background-size:10px;width:40px;height:40px;position:absolute;right:0;top:0;transform:rotate(0);transition:0.5s all}
	.nav span.on{transform:rotate(90deg)}
	.cate-one li:hover .cate-two,.nav>li:hover .cate-one{display: none;}
	.cate-one,.cate-two{position:unset;width:100%;/* margin-left:-20px; */padding-left: 10px;background:#fff;box-sizing: border-box;}
	.cate-one li{line-height:2.5;background: transparent !important;}
	.cate-one a{color:#333}
	#open_menu{width:35px;height:35px;border:1px solid #333;border-radius:3px;position:relative;float: right;}
	#open_menu span,#open_menu:after,#open_menu:before{position:absolute;width:70%;left:15%;height:3px;background:#333}
	#open_menu:after,#open_menu:before{content:'';transition:transform 0.3s}
	#open_menu span{top:50%;margin-top:-1.5px}
	#open_menu:before{top:8px}
	#open_menu:after{bottom:8px}
	#open_menu.open_menu_on span{opacity:0}
	#open_menu.open_menu_on:after,#open_menu.open_menu_on:before{top:50%;margin-top:-2px;transform:rotate(45deg);width:70%;left:15%}
	#open_menu.open_menu_on:before{transform:rotate(-45deg)}
}

#footer{background:#222222;color:#fff}
.foot-contact{float:left;border-right:1px solid #4E4E4E;padding:50px 50px 50px 0;min-height: 330px;}
.foot-contact img{display:block;margin-left:25px;margin-bottom:20px}
.foot-contact p{line-height:1.5}
.foot-contact p:nth-child(3){
    letter-spacing: 1.8px;
}
.foot-contact ul{line-height:2;margin-top:10px;color:#ccc}
.foot-contact li{background-repeat:no-repeat;background-position:0 center;padding-left:30px;}
.contact-fax{background-image:url(../images/send.png)}
.contact-url{background-image:url(../images/email-w.png)}
.contact-address{background-image:url(../images/address-w.png)}
.contact-tel{background-image:url(../images/tel-y.png);background-position:0px 5px !important;padding-left:40px !important;color:#FF8A00;line-height:1.5}
.foot-nav{float:left;padding: 30px 50px;border-right:1px solid #4E4E4E;height: 370px;}
.foot-category{float:left;padding:50px;border-right:1px solid #4E4E4E;height: 330px;}
#footer dt{font-weight:bold;font-size:20px;margin-bottom:10px}
#footer dd{line-height:2.2}
#footer a{color:#fff}
#footer a:before{content:'>'}
.foot-ewm{float:right;padding-top:50px}
.foot-ewm-t{background:url(../images/foot-title-bg.png);width:300px;height:80px;text-align:center;margin-bottom:20px}
.foot-ewm-t>div{display:inline-block;text-align:left;background:url(../images/tel.png) no-repeat center left;padding:12px 0 12px 70px;line-height:1.4}
.foot-ewm-t span{color:#FF8A00}
.foot-ewm-t p{font-size:24px}
.foot-ewm-ewm{display:flex;justify-content:space-between}
.foot-ewm-ewm li{float:left;width:144px}
.foot-ewm-ewm span{display:block;width:50px;height:50px;margin:-25px auto;border-radius:50%;position:relative}
.foot-ewm-ewm li div{background:#fff;text-align:center;padding:30px 0 5px}
.foot-ewm-ewm li img{display:block;width:100px;margin:0 auto}
.foot-ewm-ewm li p{color:#000}
.foot-ewm-L span{background:#FF8A00 url(../images/foot-phone.png) no-repeat center}
.foot-ewm-R span{background:#FF8A00 url(../images/foot-message.png) no-repeat center}

#copy{background: #0D0D0D;color:#fff;text-align:center;line-height:3;}
#copy span{}
#copy a{color:#fff}
body{width:100%;overflow-x:hidden}
@media (max-width:768px){
	
	#footer{}
	.foot-contact{padding: 10px 5px;width:100%;border:0;box-sizing: border-box;}
	.foot-contact img{margin:0 auto 10px 10px}
	.foot-contact p{}
	.foot-contact ul{}
	.foot-contact li{}
	.contact-fax{}
	.contact-url{}
	.contact-address{}
	.contact-tel{}
	.foot-nav{width:50%;box-sizing:border-box;padding:0 20px;height:auto}
	.foot-category{width:50%;box-sizing:border-box;padding:0 20px;border:0;height:auto}
	#footer dt{}
	#footer dd{line-height:2}
	#footer a{}
	#footer a:before{content:'>'}
	.foot-ewm{width:100%;padding-top:0;margin-top:20px;margin-bottom:20px}
	.foot-ewm-t{width:100%;background-size:100% 100%}
	.foot-ewm-t>div{}
	.foot-ewm-t span{}
	.foot-ewm-t p{}
	.foot-ewm-ewm{}
	.foot-ewm-ewm li{width:49%}
	.foot-ewm-ewm span{}
	.foot-ewm-ewm li div{}
	.foot-ewm-ewm li img{
    width: 90%;
}
	.foot-ewm-ewm li p{}
	#copy{}
	#copy span{}

	body{padding-top:66px}
	.foot{position:fixed;bottom:0;background:#000;width:100%;text-align:center;z-index:5;padding: 0;}
	.foot a{color:#fff}
	body{padding-bottom:64px;padding-top: 50px;}
	.col-5{width:50%;float: left;box-sizing: border-box;}
	#copy{font-size:12px;line-height:2;padding:10px 0}
}